<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
</head>
<body id="body">

<button id="using-none">Alpha</button>
<button id="using-label" aria-label="Gamma">Beta</button>
<button id="using-labelledby" aria-labelledby="epsilon" aria-label="Zeta">Delta</button>
<button id="using-labeledby" aria-labeledby="theta" aria-label="Iota">Eta</button>
<span id="epsilon">Epsilon</span>
<span id="theta">Theta</span>

<script>
test((t) => {
    var usingNone = accessibilityController.accessibleElementById("using-none");
    assert_equals(usingNone.name, "Alpha");

    var usingLabel = accessibilityController.accessibleElementById("using-label");
    assert_equals(usingLabel.name, "Gamma");

    var usingLabelledby = accessibilityController.accessibleElementById("using-labelledby");
    assert_equals(usingLabelledby.name, "Epsilon");

    var usingLabeledby = accessibilityController.accessibleElementById("using-labeledby");
    assert_equals(usingLabeledby.name, "Theta");
}, "This tests that if aria-labelledby is used, then aria-label attributes are not used.");
</script>

</body>
</html>
